
<template>
    <div class="projectInfo">
        <div class="item" style="margin-left:30px;">
            <div class="item-title"><div style="font-size:32px;font-weight:400">{{data.project_name}}</div></div>
            <!-- <div class="item-content" style="text-indent:2em">{{data.consContent}}</div> -->
        </div>
        <div class="item">
            <div class="sign"></div>
            <div class="item-title"><div><span style="border-left: 12px solid #4F9CEE;padding-left: 18px;">基本信息</span></div></div>
            <div class="item-content">
                <!-- <dl class="subItem" style="float:left">
                     <dt class="subItem-title">投资类型</dt>
                    <dd class="subItem-content">{{data.currentStage}}</dd>
                    <dt class="subItem-title">实际开工时间</dt>
                    <dd class="subItem-content">{{data.startWorkTime}}</dd>
                    <dt class="subItem-title">施工单位</dt>
                    <dd class="subItem-content">{{data.implementOrg}}</dd>
                    <dt class="subItem-title">月累计完成投资(万元)</dt>
                    <dd class="subItem-content">{{data.ljInvestment}}</dd>
                    <dt class="subItem-title">工程形象进度</dt>
                    <dd class="subItem-content">{{data.ljImage}}</dd>
                    <dt class="subItem-title">推进中存在的问题</dt>
                    <dd class="subItem-content">{{data.problems}}</dd>
                   
                </dl>
                <dl class="subItem" style="float:right">
                     <dt class="subItem-title">建设内容</dt>
                    <dd class="subItem-content">{{data.consContent}}</dd>
                    <dt class="subItem-title">计划完成投资(万元)</dt>
                    <dd class="subItem-content">{{data.planInvestment}}</dd>
                    <dt class="subItem-title">计划形象进度</dt>
                    <dd class="subItem-content">{{data.planImage}}</dd>
                    <dt class="subItem-title">单月完成投资(万元)</dt>
                    <dd class="subItem-content">{{data.realInvestment}}</dd>
                    <dt class="subItem-title">手续办理情况</dt>
                    <dd class="subItem-content">{{data.sxBlqk}}</dd>
                     <dt class="subItem-title">备注</dt>
                    <dd class="subItem-content">{{data.note}}</dd>
                </dl> -->

                <dl class="content-box" style="float:left">
                     <dt class="subItem-title">项目进展情况</dt>
                    <dd class="subItem-content" :title="data.month_progress">{{data.month_progress}}</dd>
                    <dt class="subItem-title">是否开工</dt>
                    <dd class="subItem-content">{{data.is_open_work}}</dd>
                    <dt class="subItem-title">是否复工</dt>
                    <dd class="subItem-content">{{data.is_return_work}}</dd>
                    <dt class="subItem-title">本月完成投资(万元)</dt>
                    <dd class="subItem-content">{{data.month_investment}}</dd>
                    <dt class="subItem-title">累计完成投资(万元)</dt>
                    <dd class="subItem-content">{{data.month_cumulative_investment}}</dd>
                </dl>
            </div>
        </div>

    </div>
</template>
<script>
    import date_formate from "../tool/Global/dateutil.js";
    import {queryProjectdetailByPkid,queryProMonthScheduleByPkid} from "../tool/Global/app-mgr.js"
    import {projectProgress} from "../tool/Global/app-config.js"
    export default {
        props:["pkid"],
        data:function(){
           return {
               data:{}
           }
       },
       mounted:function(){
           let self = this;
           queryProMonthScheduleByPkid(this.pkid).then(function(result){
               self.data = result.data.data;
               var proId = result.data.data.projectID;
               self.data.currentStage =  self.data.currentStage?projectProgress[self.data.currentStage-1].name:"";
               self.data.currentDate = date_formate.format(new Date(self.data.currentDate),"yyyy/MM");
               self.data.startWorkTime = self.data.startWorkTime?date_formate.format(new Date(self.data.startWorkTime),"yyyy/MM/dd"):"";
               queryProjectdetailByPkid(proId).then(function(result){
                   var name = result.data.data.name+self.data.currentDate+"月报";
                   self.$set(self.data,"name",name)
                   self.$set(self.data,"project_name",name)
                   
                   
               })
           })
       }
   }
      
</script>
<style scoped>
    .projectInfo{
        height:400px;
        overflow: auto;
        border: 1px solid #9E9E9E;
    }
    .content-box{
        margin-left: 30px;
        width: 97%;
    }
    .subItem{
        margin-left: 30px;
        width: 562px;
    }
    .item-title{
        clear: both;
        font-size: 20px;
        color:black;
        font-weight: 700;
        height: 60px;
        line-height: 60px;
        background-image:url(../../assets/paraTitle-line.png);
        background-position-y: 17px;
        background-repeat-y: no-repeat;
    }
    .item-title div{
        height: 60px;
        line-height: 60px;
        float: left;
        background-color:#fff;
        font-size: 22px;
        font-weight: 400
    }
    .item-content{

        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 14px;
        overflow: hidden;
    }
    ul li{  
        list-style-type:none;  
    }
    .subItem-content{
        font-size: 18px;
        /* border: 1px dashed; */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        color: #333;
    }
    .jianbao{
        cursor:pointer;
        margin-bottom: 10px;
        float:left
    }
    .subItem-title{
        font-size: 18px;
        padding-right: 20px;
        float: left;
        clear: both;
        /* border: 1px dashed; */
        
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        color: #999;
    }
</style>


